<template>
  <div class="Playing">
    <svg t="1668255711347" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
      p-id="10508" :width="size" :height="size">
      <path
        d="M194.56 386.048q31.744 0 46.592 19.456t14.848 43.008l0 447.488-192.512 0 0-443.392q0-31.744 19.968-49.152t43.52-17.408l67.584 0zM514.048 134.144q27.648 0 44.032 16.896t16.384 40.448l0 704.512-191.488 0 0-702.464q0-15.36 6.144-26.624t15.36-18.432 20.48-10.752 20.48-3.584l68.608 0zM832.512 577.536q9.216 0 19.968 5.12t20.48 14.336 16.384 20.992 6.656 25.088l0 252.928-191.488 0 0-250.88q0-11.264 4.608-23.552t12.8-22.016 19.456-15.872 24.576-6.144l66.56 0z"
        p-id="10509" :fill="color"></path>
    </svg>
  </div>
</template>

<script setup>
const props = defineProps({
  size: {
    type: Number,
    default: 20
  },
  color: {
    type: String,
    default: '#f9343d'
  }
})
</script>

<style scoped lang="less">
.Playing {
  display: flex;
}
</style>